<template>
    <div>
      <div @click="father()">
        <!-- stop阻止冒泡 -->
        <button @click.stop="son()">按钮</button>
        <a @click.prevent.stop="afn" href="http://www.baidu.com">百度</a>
        <!-- 函数可以略写 -->
        <!-- prevent阻止默认行为 -->
        <a @click.prevent.stop href="http://www.baidu.com">百度</a>
        <!-- once只执行一次后面的处理函数 -->
        <button @click.once="afn">只执行一次</button>
      </div>
    </div>
  </template>
  
  <script>
  export default {
    methods: {
      father() {
        console.log(" 我是父亲");
      },
      son() {
        console.log("儿子");
      },
      afn(){
  
      }
    },
  };
  </script>
  
  <style>
  </style>